<template>
    <div class="page">
        <div class="head-box">
            <p>档案编号：123456</p>
            <p>建档日期：2018/10/30</p>
        </div>
        <div class="file-box">
            <div class="file-head">
                <div style="width: 70%">
                    <div class="line-box">
                        <div class="name">姓名<span>{{file.name}}</span></div>
                        <div class="sex">性别<span>{{file.sex}}</span></div>
                    </div>
                    <div class="line-box">
                        <div class="sex">年龄<span>{{file.age}}</span></div>
                        <div class="name">出生日期<span>{{file.birthdate}}</span></div>
                    </div>
                    <div class="line-box">
                        <div class="name">文化程度<span>{{file.culture}}</span></div>
                        <div class="sex">婚否<span>{{file.marital}}</span></div>
                    </div>
                </div>
                <div class="pic-box">
                    <img :src="file.img">
                </div>
            </div>
            <div class="tow-box">
                <div class="blood">血型<span>{{file.blood}}</span></div>
                <div class="job">从业<span>{{file.job}}</span></div>
            </div>
            <div class="sound">
                <span>健康行为</span>
                <p>{{file.sound}}</p>
            </div>
            <div class="sound">
                <span>健康行为</span>
                <p>{{file.question}}</p>
            </div>
            <div class="sound">
                <span>健康行为</span>
                <p>{{file.record}}</p>
            </div>
            <div class="sound">
                <span>健康行为</span>
                <p>{{file.facto}}</p>
            </div>
        </div>
    </div>
</template>
<script>
    import { getUserRecord } from '../../api/mine'
    export default {
        created() {
            getUserRecord().then(res=> {
                console.log(res.data)
            })
        },
        data() {
            return {
                file: {
                    number: 20181211001,
                    date: 2018/12/11,
                    name: "猪猡",
                    img: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1544437954356&di=5cb5fd9390704eea4ad2369d3ed8f263&imgtype=0&src=http%3A%2F%2Fc4.haibao.cn%2Fimg%2F600_0_100_0%2F1515049492.1807%2Fe94fbb9278456d36506114cc0222f059.jpg",
                    sex: "女",
                    age: 23,
                    birthdate: "1996.12.11",
                    culture: "大学",
                    marital: "已婚",
                    blood: "O",
                    job: "教师",
                    sound: "乏力、纳差半月余，发现皮肤巩膜黄染3日",
                    question: "患者半月前无明显诱因出现发热、乏力、纳差，恶心、呕吐，吐物为胃内容物，在附近诊所诊治，按急性胃肠炎给于肌注退热药及口服药物三天（不详）后，体温降至正常，仍有纳差、恶心呕吐，于今日早晨出现大便质稀，次数增多，为黄绿色稀便，伴下腹痛，肠鸣，同时发现巩膜黄染",
                    record: "于是来我院，门诊肝功示：总胆红素56.7mmol/l，直接胆红素21.5mmol/l，间接胆红素35.2mmol/l，谷丙转氨酶56u/l，谷草转氨酶44u/l，碱性磷酸酶128.5u/l",
                    facto: "既往体健。否认糖尿病史，否认高血压病史，否认结核病史，否认肝炎病史，否认其他传染病史，否认输血史，否认药物过敏史，否认药源性疾病，否认食物过敏史，否认食物中毒史，否认手术史，否认外伤史，否认其他重大疾病史。"
                }
            }
        }
    }
</script>
<style scoped type="text/stylus" lang="stylus">
    .page
        width 100%
        height 100%
        background #EEECEC
        position fixed
        top 0
        bottom 0
        left 0
        right 0
        p
            font-size 0.32rem
            color #535151
        .head-box
            width 92%
            height 1.17rem
            background #FFF
            padding 0 4%
            display flex
            justify-content space-between
            align-items center
            border-top 0.21rem #EEECEC solid
            border-bottom 0.21rem #EEECEC solid
        .file-box
            width 92%
            padding 0 4%
            .file-head
                display flex
                justify-content start
                align-items center
                .line-box
                    display flex
                    justify-content start
                    align-items center
                    width 100%
                    font-size 0.32rem
                    color #535151
                    line-height 0.77rem
                    background #FFF
                    .name
                        width 60%
                        height 0.77rem
                        border 1px #42A7BD solid
                        padding-left 0.23rem
                        span
                            margin-left 0.41rem
                    .sex
                        width 40%
                        height 0.77rem
                        border 1px #42A7BD solid
                        padding-left 0.23rem
                        span
                            margin-left 0.41rem
                .pic-box
                    width 30%
                    background #EEECEC
                    display flex
                    justify-content center
                    align-items center
                    img
                        width 1.87rem
                        height 1.87rem
                        border-radius 50%
            .tow-box
                display flex
                justify-content start
                align-items center
                width 100.5%
                font-size 0.32rem
                color #535151
                line-height 0.77rem
                background #FFF
                .blood
                    width 36%
                    height 0.77rem
                    border 1px #42A7BD solid
                    padding-left 0.23rem
                    span
                        margin-left 0.41rem
                .job
                    width 64%
                    height 0.77rem
                    border 1px #42A7BD solid
                    padding-left 0.23rem
                    span
                        margin-left 0.41rem
        .sound
            width 96%
            padding 0 2%
            background #FFF
            border-left 1px #42A7BD solid
            border-bottom 1px #42A7BD solid
            border-right 1px #42A7BD solid
            min-height 2.67rem
            span
                font-size 0.32rem
                line-height 0.64rem
            P
                font-size 0.32rem
                text-align justify
                text-justify inter-ideograph
                text-indent 2em
                line-height 0.4rem
</style>
